<template>
    <el-table :data="list" style="width: 100%;padding-top: 15px;">
        <el-table-column label="Order_No" min-width="200">
            <template v-slot="{ row }">
                {{ row.order_no }}
            </template>
        </el-table-column>
        <el-table-column label="Price" width="195" align="center">
            <template v-slot="{ row }">
                ¥{{ row.price }}
            </template>
        </el-table-column>
        <el-table-column label="Status" width="100" align="center">
            <template v-slot="{row}">
                <el-tag>
                    {{ row.status }}
                </el-tag>
            </template>
        </el-table-column>
    </el-table>
</template>

<script>

export default {
    data() {
        return {
            list: null
        }
    },
    created() {
        this.getList()
    },
    methods: {
        getList() {
            this.list = [{
                order_no: 1,
                price: Math.floor(Math.random() * 100) + 1,
                status: 0
            }, {
                order_no: 1,
                price: Math.floor(Math.random() * 100) + 1,
                status: 1
            }, {
                order_no: 1,
                price: Math.floor(Math.random() * 100) + 1,
                status: 1
            }, {
                order_no: 1,
                price: Math.floor(Math.random() * 100) + 1,
                status: 1
            }, {
                order_no: 1,
                price: Math.floor(Math.random() * 100) + 1,
                status: 1
            }, {
                order_no: 1,
                price: Math.floor(Math.random() * 100) + 1,
                status: 1
            }, {
                order_no: 1,
                price: Math.floor(Math.random() * 100) + 1,
                status: 1
            }, {
                order_no: 1,
                price: Math.floor(Math.random() * 100) + 1,
                status: 1
            }]
        }
    }
}
</script>
